<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
String path = request.getContextPath();
String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%=basePath%>">
    <title>合川商会交流平台</title>
    <link rel="stylesheet" href="statics/css/bootstrap.css">
    <link rel="stylesheet" href="statics/css/local/style.css">
    <link rel="stylesheet" href="statics/css/local/introduce.css">

</head>
<body>
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/header.jsp"></jsp:include>
    <!--头部结束-->
    
    <section>
        <div id="ad">
            <img src="statics/images/ad.gif" height="228" width="757"/>
        </div>
        <!--面包屑导航-->
        <div>
            <ol class="breadcrumb">
                <li><a href="#">当前位置</a></li>
                <li><a href="#">合川商会</a></li>
                <li class="active"><a href="#">商会成员</a></li>
            </ol>
        </div>
        <div id="introduce" class="row">
            <div class="introduce-left col-sm-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会简介
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
                            <li>
                                <a href="#">
                                    商会简介
                                </a>
                            </li>
                            <li><a href="#">商会章程</a></li>
                            <li class="active">
                                <a href="#">
                                    商会成员
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会动态
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                            <c:forEach items="${newslist }" var="news" varStatus="n">
                        	<c:if test="${n.index<10 }">
                            <li><h5><a href="#">${fn:substring(news.title,0,12) }</a><small class="pull-right">${fn:substring(news.createDate,0,10) }</small></h5></li>
                            </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="rule-middle col-sm-9">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会成员
                        </h3>
                    </div>
                    <div class="panel-body">
                        <img src="statics/images/iframk.jpg" height="435" width="711"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/footer.jsp"></jsp:include>
    <!--底部结束-->
    
<!--jquery import-->
<script src="statics/js/jquery-3.2.1.js"></script>
<!--bootstrap import-->
<script src="statics/js/bootstrap.js"></script>
</body>
</html>